<div class="space50"></div>

<!-- Portfolio wrap -->
<div class="row">

    <form  onsubmit="function_search()" action="./index.php?a=rechercher" method="POST" id="form_search" width="100%">
        <table width="100%">
            <tr>
				<td width = "120%">
					<input id="inputText" name = "requete" type="text" placeholder="J'aimerais un pantalon bleu à Strasbourg à moins de 100€" x-webkit-speech />
				</td>
				<td>
					<input type="submit" id="btn_search" value="Rechercher">
				</td>
            </tr>
        </table>
    </form>

    <script>
        var liste = [
            "j'aimerais",
            "couleur",
            "à",
            "à moins de",
            "à plus de",
            "entre",
            "et"
        ];

        $('#text_search').autocomplete({
            source : liste
        });

        function function_search(){
            var search_text = document.getElementById("inputText").value;
            //alert(search_text);
            $("#inputText").val(lire_phrase(search_text));
        }

    </script>


    <section class="twelve columns no-padding">
        <div class="twelve columns ">
            <h5 class="wrap-title">&nbsp;</h5>
        </div>
    </section>
</div>
<!-- Portfolio wrap -->

<div class="space20"></div>

<!-- Services wrap -->
<div class="row">
    <section class="services-wrap">
        <section class="three columns services-content">
            <img class="ico" src="images/ico1.png" alt=""/>
            <h5>Recherche intelligente</h5>
            <p>Trouver n'importe quel produit près de chez vous rapidemment</p>
        </section>

        <section class="one columns sep">
            <img src="images/services-sep.png" alt=""/>
        </section>

        <section class="three columns services-content">
            <img class="ico" src="images/ico2.png" alt=""/>
            <h5>Communautaire</h5>
            <p>Achetez et vendez vos produits en toute simplicité</p>
        </section>

        <section class="one columns sep">
            <img src="images/services-sep.png" alt=""/>
        </section>

        <section class="three columns services-content">
            <img class="ico" src="images/ico3.png" alt=""/>
            <h5>Recherche vocale</h5>
            <p>Pour une accessibilité optimale</p>
        </section>
    </section>
</div>
<!-- Services wrap -->

<div class="space90"></div>
